﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Administrator/Administrator.Master" CodeBehind="DettaglioNews.aspx.vb" Inherits="TecnoHouse.DettaglioNews"  ValidateRequest="false" EnableEventValidation="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="Stylesheet" type="text/css" href="/GUI/css/jHtmlArea/jHtmlArea.css" />
    <link rel="Stylesheet" href="/GUI/css/fileuploader.css" />
    <script type="text/javascript" src="/GUI/js/jHtmlArea-0.7.0.min.js"></script>
    <script type="text/javascript" src="/GUI/js/jquery.validate.min.js"></script> 
    <script type="text/javascript" src="/GUI/js/jquery.validate-it.js"></script>
    <script type="text/javascript" src="/GUI/js/jquery.ui.datepicker-it.js"></script>
    <script type="text/javascript" src="/GUI/js/fileuploader.js"></script> 
    <script type="text/javascript" src="/GUI/js/jquery.elastic.js"></script> 
    <script type="text/javascript" src="/GUI/js/textLimit.min.js"></script> 
    <script type="text/javascript">
        $(function() {
                
            var IDAllegato = 0;
            
            $("#<%=txtDescrizione.ClientID %>").htmlarea();
            $("#btnannulla").click(function(e) {
                e.preventDefault();
                $("#confirm-dialog").dialog("open");
            });
            $(".button").button();
            $(".date").datepicker({
                showOn: "both",
                dateFormat: "dd/mm/yy",
                buttonImage: "/GUI/images/calendar.png",
                buttonImageOnly: true
            });
            $("#confirm-dialog").dialog({
                autoOpen: false,
                modal: true,
                position: 'top',
                buttons: {
                    "Ok": function() { window.location = "/Administrator/ElencoNews.aspx"; },
                    "Annulla": function() { $(this).dialog("close"); }
                }
            });
            
            $("#delete-dialog").dialog({
                autoOpen: false,
                modal: true,
                position: 'top',
                buttons: {
                    "Ok": function() { 
                          $.ajax({
                                url: "/BLL/hndNews.ashx",
                                type: "POST",
                                data: {
                                    op: "DeleteAllegato",
                                    IDNews: "<%=IDNews %>",
                                    IDAllegato: IDAllegato
                                },
                                success: function(data) {
                                    $("#delete-dialog").dialog("close");
                                    if (data != "0") 
                                        $("#FILE_" + IDAllegato).remove();
                                    else 
                                        $("#dialog").html("Si è verificato un errore. Riprova più tardi").dialog("open");
                                }
                            });
                        },
                    "Annulla": function() { $(this).dialog("close"); }
                }
            });
            
            
            $("#update-dialog").dialog({
                autoOpen: false,
                modal: true,
                position: 'top',
                buttons: {
                    "Ok": function() { 
                        if ($("#descr").val() != ""){
                              $.ajax({
                                    url: "/BLL/hndNews.ashx",
                                    type: "POST",
                                    data: {
                                        op: "UpdateAllegato",
                                        IDNews: "<%=IDNews %>",
                                        IDAllegato: IDAllegato,
                                        Descrizione: $("#descr").val()
                                    },
                                    success: function(data) {
                                        $("#update-dialog").dialog("close");
                                        if (data != "0") {
                                            $text = $("#descr").val();
                                            $("#FILE_" + IDAllegato).find(".descr").text($text);
                                        }
                                        else 
                                            $("#dialog").html("Si è verificato un errore. Riprova più tardi").dialog("open");
                                    }
                                });
                            }
                            else{
                                $("#descr").next("span").show();
                            }
                        },
                    "Annulla": function() { $(this).dialog("close"); }
                }
            });
            
            $(".imgdelete").click(function(){
                IDAllegato = $(this).parents("li").attr("id").replace("FILE_","");
                $("#delete-dialog").dialog("open");
            });
            
            $(".imgupdate").click(function(){
                IDAllegato = $(this).parents("li").attr("id").replace("FILE_","");
                var title = $("#FILE_"+IDAllegato).find(".descr").text();
                if (title != "")
                    $("#descr").val(title);
                $("#update-dialog").dialog("open");
            });
            
            $("#descr").textLimit(255, function(length, limit) {
                                $("#max-chars").find("span").text(limit - length);
                            });
            
            $("<%=btnsalva.ClientID %>").click(function() { document.forms[0].submit(); });

          $(document.forms[0]).validate();

          
          $("#accordion").tabs(); //.accordion({ collapsible: true}); //, active: 1 
          
          $("span").tipsy({gravity: "s"});
          
          var uploader = new qq.FileUploader({
              element: $("#uploader")[0],
              action: '/BLL/hndUpload.ashx',
              params:  { 'id': '<%=IDNews %>','type':'doc'},
              allowedExtensions: [<%=docExt %>],    
              sizeLimit: <%=maxDocSize %>,  
              minSizeLimit: 0,
              onComplete: function(id, fileName, responseJSON){
                    if (responseJSON != 0)
                    {    
                        /* $docPath = "<%=docsPath %><%=IDNews %>/" + fileName;    
                        $("ol#uploaded_docs").append("<li title='" + fileName + "' style='background: red'><a href='" + $docPath + "' target='_blank'>" + fileName + "</a></li>"); */
                        $oldval = $("#<%=hfAllegati.ClientID %>").val();
                        $("#<%=hfAllegati.ClientID %>").val($oldval + fileName + ",");
                    }
              },
              showMessage: function(message){ $("#dialog").html(message).dialog("open"); }
          });
            
          $(".watermark").watermark();

        });
    </script>
    <style type="text/css">
        h3 {text-align: left;}
        h3 canvas {margin-left: 30px;}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="mainContent" runat="server">
<div id="confirm-dialog" title="Attenzione">
        Se abbandoni la schermata senza salvare, le modifiche andranno perse. Continuare?
    </div>
    <div id="delete-dialog" title="Attenzione">
        Sei sicuro di voler eliminare l'allegato selezionato?
    </div>
    <div id="update-dialog" title="Descrizione Immagine">
        <%-- <input id="descr" type="text" title="Immetti la descrizione dell'immagine" class="watermark" maxlength="255" size="40" />--%>
        <textarea id="descr" cols="35" rows="4" title="Immetti la descrizione dell'immagine" class="watermark"></textarea>
        <span id="max-chars">Rimanenti: <span>255</span></span>
        <label for="descr" class="error" style="display:none">Obbligatorio</label>
    </div>
    <h1>Dettaglio News</h1>
    <div id="annuncio_form">   
        <div id="accordion">
            <ul>
                <li><a href="#detail"><span>Dettagli</span></a></li>
                <li><a href="#images"><span>Allegati</span></a></li>
            </ul>
            <div id="detail">
                <table>
                    <tr>
                        <td width="30%">Titolo:</td>
                        <td><asp:TextBox ID="txtTitolo" runat="server" MaxLength="255" CssClass="required"></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td>Data Pubblicazione:</td>
                        <td>
                            <asp:TextBox ID="txtDataPubblicazione" runat="server" CssClass="date"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>Data Scadenza:</td>
                        <td>
                            <asp:TextBox ID="txtDataScadenza" runat="server" CssClass="date"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">Descrizione:</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <textarea id="txtDescrizione" cols="80" rows="10" runat="server" class="required"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="images">
                <div id="uploader">       
                    <noscript>          
                        <p>Devi abilitare JavaScript nel tuo browser per poter fare l'upload di file</p>
                        <!-- or put a simple form for upload here -->
                    </noscript>         
                </div>                
                <div class="clearer"></div>
                <ul style="color: rgb(153, 153, 153); font-size: 11px;list-style-type: square;margin-left: 15px">
                    <li>Per caricare nuovi file, clicca sul pulsante oppure trascinale nel riquadro.</li>
                    <li>Puoi caricare più file alla volta.</li>
                </ul>
                <div class="clearer"></div>
                <ol id="uploaded_docs">
                    <asp:Repeater ID="rpDocumenti" runat="server">
                        <ItemTemplate>
                            <li id="FILE_<%#DataBinder.Eval(Container.DataItem, "ID")%>" title="<%#DataBinder.Eval(Container.DataItem, "Descrizione")%>">
                                <a href="<%=docsPath %><%=IDNews %>/<%#DataBinder.Eval(Container.DataItem, "Percorso")%>" target="_blank">
                                    <%#DataBinder.Eval(Container.DataItem, "Percorso")%>
                                </a>
                                <span> - </span>
                                <span class="descr"><%#DataBinder.Eval(Container.DataItem, "Descrizione")%></span>
                                <span class="ui-icon ui-icon-pencil imgupdate" title="Modifica Descrizione"></span>
                                <span class="ui-icon ui-icon-closethick imgdelete" title="Elimina"></span>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ol>
                <div class="clearer"></div>
          </div>
        </div>
        <div class="clearer"></div>
        <div id="toolbar">
            <asp:Button ID="btnsalva" runat="server" Text="salva" CssClass="button" />
            <button id="btnannulla" class="button">annulla</button>
            <asp:HiddenField ID="hfIDNews" runat="server" />
            <asp:HiddenField ID="hfAllegati" runat="server" />
        </div>
    </div>
</asp:Content>
